@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background:#fff; min-width: 1200px; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none; color:#1d467a;}
input,textarea,select,button{  font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#333;color:#FFF;}
::selection {background: #333;color: #FFF;}
img{border:0}
.clear { zoom: 1;clear:both; }
.clear:after { content: ''; display: block; clear: both; }
table{ width: 100%; border-collapse:collapse;}
/*table tr,table td{ width: 100%; border: solid 1px #eee; }*/
.fl{ float:left;}
.fr{ float:right;}
input,textarea,select{  font-family:"Microsoft YaHei"; font-size:12px;}
input:focus,textarea:focus,select:focus{ outline:none;}

.scrollbar::-webkit-scrollbar{ width:5px; background:#d4d7e3; }/* 滚动条整体部分 */
.scrollbar::-webkit-scrollbar-button{ display:none;}/*  滚动条两端的按钮 */
.scrollbar::-webkit-scrollbar-track{ display:none;}/*  外层轨道 */
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}/*  内层轨道 */
.scrollbar::-webkit-scrollbar-thumb{ background:#1d467a; }/*  滚动条里面可以拖动的那部分 */
.scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */
.scrollbar::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */

.c1200{ width: 1200px; margin: auto;}


/*header*/
.header{width: 100%;background: #FFFFFF;padding: 15px 0 ;min-width: 1200px;box-shadow: 0 0 20px rgba(0,0,0,0.05);position: fixed;top: 0;left: 0;z-index: 99;-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.05);}
.header .c1400{width: 1200px;margin: 0 auto;position: relative;}
.headerLogo{position: absolute;left: -120px;top: 0;}
.headerLogo a{display: block; width: 308px; margin:auto; text-align: center; height:70px;background: url(../images/logo.png) center center no-repeat;}
.header .nav{display: table; float: right; margin-right: 150px;}
.header .nav .nLi{ display: inline-block;position: relative;padding: 0 17px;box-sizing: border-box;}
.header .nav .nLi h3{ float:left;height: 30px;line-height: 30px; padding: 20px 0;}
.header .nav .nLi h3 a{ display:block; font-size:16px;color:#777;}
.header .nav .sub{ display:none; position:absolute;top:52px;z-index: 999;transform: translateX(-50%);left: 50%;width: 116px;background-color:#FFFFFF;box-shadow: 0 0 18px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 18px rgba(0,0,0,0.1);}
.header .nav .sub li{border-bottom: 1px solid #eee;}
.header .nav .sub li:last-child{border-bottom: 0;}
.header .nav .sub a{ display:block;text-align: center;font-size: 14px;color: #666;padding: 12px 10px;box-sizing: border-box;}
.header .nav .sub a:hover{color: #fff;background-color: #1d467a;}
.header .nav .nLi#seced h3 a,.header .nav .nLi:hover h3 a{ color: #1d467a;}
.headerTel{position: absolute;top: 7px;right: -120px;}
.headerTel::after{content: '';width: 48px;height: 48px;border: 1px solid #efefef;border-radius: 50%;background: url("../images/icon-phone1.png") center center no-repeat;position: absolute;left: -60px;top: 0;bottom: 0;margin: auto;}
.headerTel p{font-size: 24px;color: #1d467a;font-weight: bold;}
@media screen and (max-width: 1440px) { 
.headerLogo{left: 0;}  
.header .nav{ margin-right: 230px;}
.header .nav .nLi{padding: 0 7px;}
.header .nav .nLi h3 a{font-size:16px;}
.headerTel{right: 0;} 
}

    
/*indexBanner*/
.indexBanner{width:100% ;position:relative;height:650px; margin:100px auto 0; z-index:1;overflow: hidden;}
.indexBanner .bd{margin:0 auto; width: 100%; position:relative;z-index:0;overflow:hidden;}
.indexBanner .bd ul{width:100% !important;}
.indexBanner .bd li{width:100% !important; height:650px; overflow:hidden; text-align:center;}
.indexBanner .bd li a{display:block; width:100% !important; height:650px;}
.indexBanner .hd{position:absolute;z-index:1;bottom:30px;left:0;right: 0;margin: auto;}
.indexBanner .hd ul{display: table;margin: auto; }
.indexBanner .hd ul li{display:inline-block;width:15px;height:6px;margin:0 10px; background-color: rgba(255,255,255,0.6);transition: all 0.8s ease;font-size: 0; cursor: pointer;}
.indexBanner .hd ul li.on{width: 30px; background-color: rgba(255,255,255,1);}
.indexBanner .prev,.indexBanner .next{display:block; width:50px; height:50px;  position:absolute; z-index:22; top:50%; overflow:hidden; cursor:pointer; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); transition: all 0.8s ease; margin-top: -25px;}
.indexBanner .prev{left:-50px; background:rgba(255,255,255,0.4) url(../images/arrow-left.png) center center no-repeat;}
.indexBanner .next{right:-50px; background:rgba(255,255,255,0.4) url(../images/arrow-right.png) center center no-repeat;}
.indexBanner .prev:hover,.indexBanner .next:hover{ background-color: #1d467a; }
.indexBanner:hover .prev{ left: 100px;}
.indexBanner:hover .next{ right: 100px;}

/*indexCase*/
.indexTitle{text-align: center; box-sizing: border-box;}
.indexTitle h2{font-size: 36px;color: #1d467a;}
.indexTitle p{font-size: 18px;color: #bbbbbb; margin-top: 4px; text-transform: capitalize;}
.indexCase{width: 100%; padding: 80px 0; background: url("../images/case-bg.jpg") center center no-repeat fixed;}
.caseBox{width: 100%;margin-top: 40px;}
.caseBox .parHd { width: 100%; text-align: center; display: table; word-spacing: -1em;}
.caseBox .parHd dl{ display: inline-block; width: 200px; vertical-align: top; padding: 20px 0;cursor: pointer;transition: all 0.6s ease;}
.caseBox .parHd dl dt{width: 70px;height: 70px;border: 1px solid rgba(29,70,122,0.2);border-radius: 50%;margin: 0 auto 10px;transition: all 0.6s ease; background-position: 0 -70px !important;}
.caseBox .parHd dl dd{font-size: 16px;font-weight: bold;color: #1d467a;text-align: center;transition: all 0.6s ease;}
.caseBox .parHd dl.on{background-color: #1d467a;}
.caseBox .parHd dl.on dt{border: 1px solid rgba(255,255,255,0.2);}
.caseBox .parHd dl.on dt{background-position: 0 -140px !important;}
.caseBox .parHd dl.on dd{color: #FFFFFF;}
.caseBox .parBd .picScroll{ width:100%;margin-top: 60px;overflow: hidden;}
.caseBox .parBd .picScroll .bd ul li{float:left;width: 380px;margin-right: 30px;overflow: hidden;position: relative;}
.caseBox .parBd .picScroll .bd ul li div{width: 380px;height: 275px;overflow: hidden;}
.caseBox .parBd .picScroll .bd ul li div img{ width: 380px;height: 275px;transition: all 0.6s ease;}
.caseBox .parBd .picScroll .bd ul li p{width: 100%;text-align: center;color: #fff;font-size: 16px;line-height: 18px;padding: 14px 0;background-color: rgba(0,0,0,0.5);position: absolute;bottom: -46px;left: 0;transition: all 0.6s ease;}
.caseBox .parBd .picScroll .bd ul li:hover div img{transform: scale(1.1);}
.caseBox .parBd .picScroll .bd ul li:hover p{bottom: 0;}
.caseBox .parBd .picScroll .hd{margin-top: 16px;}
.caseBox .parBd .picScroll .hd ul{ display: table;margin: auto;}
.caseBox .parBd .picScroll .hd ul li{display: inline-block;width:8px; height:8px;cursor:pointer;border: 2px solid #1d467a;background-color: #fff;border-radius: 50%;font-size: 0;margin: 0 10px;}
.caseBox .parBd .picScroll .hd ul li.on{background-color: #1d467a;}


/*indexAbout*/
.indexAbout{width: 100%;height: 560px;background: url("../images/about-bg.jpg") center center no-repeat;position: relative;}
.indexAbout .indexTitle{box-sizing: border-box;text-align: left;}
.indexAbout .about{ width: 570px; height: 460px; padding:100px 630px 0 0; position: relative; }
.indexAbout .cont{width: 100%;font-size: 16px;line-height: 30px;color: #333;margin-top: 40px;}
.indexAbout .a{position: relative;margin-top: 30px;display: block;font-size: 14px;color: #1d467a;width: 100px;}
.indexAbout .a::after{content: '';width: 0;height: 0;border-left: 6px solid #1d467a;border-top: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;left: 50px;top: 0;bottom: 0;margin: auto;opacity: 0;transition: all 0.6s ease;}
.indexAbout .a:hover::after{left: 70px;opacity: 1;}

.partnerBox{width: 100%;height: 150px; margin-top: -60px; padding: 30px 0; min-width: 1200px; position: relative;}
.partnerBox::after{ content: ''; width: 1580px; height: 210px; background: url("../images/about-bg1.jpg")  no-repeat; background-size: 100% 100%; position: absolute;bottom: 0;right: 0;}
.partnerBox h4{font-size: 18px;color: #ffffff;  position: relative; z-index: 2;}
.partnerBox .partnerList{ width:100%;overflow: hidden; margin-top: 30px; position: relative; z-index: 2;}
.partnerBox .partnerList .bd ul li{float: left;margin-right: 15px;}
.partnerBox .partnerList .bd ul li a{width: 220px;height: 88px;background-color: #ffffff;display: block;}
.partnerBox .partnerList .bd ul li a img{width: 100%;transition: all 0.6s ease;}
.partnerBox .partnerList .bd ul li:hover a img{transform: scale(1.1);}

@media screen and (max-width: 1580px) { 
.partnerBox::after{ width: 100%;}
}


/*indexAdvantage*/
.indexAdvantage .indexTitle{padding: 0;text-align: left;}
.indexAdvantage{width: 100%;margin-top: 70px;position: relative;}
.indexAdvantage .advantageUp:nth-of-type(2n-1){height: 450px;}
.indexAdvantage .advantageUp:nth-of-type(2n){height: 358px;}
.indexAdvantage .advantageUp:nth-of-type(2n-1) .advantageTxt{width: 530px;float: left;}
.indexAdvantage .advantageUp:nth-of-type(2n) .advantageTxt{width: 530px;float: right;}
.indexAdvantage .advantageUp .advantageTxt .advantage{margin-top: 30px;}
.indexAdvantage .advantageUp .advantageTxt .advantage div p{float: left;}
.indexAdvantage .advantageUp .advantageTxt .advantage div p:nth-of-type(1){width: 36px;height: 36px;background-color: #1d467a;border-radius: 50%;line-height: 36px;text-align: center;color: #fff;font-size: 24px;font-family: ArialMT;}
.indexAdvantage .advantageUp .advantageTxt .advantage div p:nth-of-type(2){line-height: 36px;color: #1d467a;font-size: 24px;margin-left: 15px;}
.indexAdvantage .advantageUp .advantageTxt .advantage .txt{font-size: 16px;line-height: 30px;color: #999999;margin: 14px 0 0;}
.indexAdvantage .advantageUp:nth-of-type(2n-1) .advantagePic{width: 50%;height: 450px;overflow: hidden;background: url("../images/advantage-pic.jpg") center center no-repeat;position: absolute;right: 0;top: 0;}
.indexAdvantage .advantageUp:nth-of-type(2n) .advantagePic{width: 50%;height: 358px;overflow: hidden;background: url("../images/advantage-pic1.jpg") center center no-repeat;position: absolute;left: 0;top: 450px;}
.indexAdvantage .information dl{float: left;width: 300px;text-align: center;margin-top: 70px;position: relative;}
.indexAdvantage .information dl dt b{font-size: 48px;color: #1d467a;font-weight: normal;}
.indexAdvantage .information dl dt span{font-size: 14px;color: #1d467a;}
.indexAdvantage .information dl dd{font-size: 14px;color: #999999;}
.indexAdvantage .information dl:nth-child(-n+3)::after{content: '';width: 1px;height: 32px;background-color:#ccc;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}

/*indexVideo*/
.indexVideo{width: 100%;background: url("../images/paly-pic.jpg") center center no-repeat fixed;margin-top: 70px;padding: 80px 0;box-sizing: border-box; text-align: center;}
.indexVideo a{width: 60px;height: 60px; display: inline-block; background: url("../images/icon-play-02.png") center center no-repeat;border-radius: 50%;border: 4px solid #fff;margin: 0 auto;cursor: pointer;transition: all 0.6s ease;}
.indexVideo a:hover{background:#fff url("../images/icon-play-01.png") center center no-repeat;}
.indexVideo p{font-size: 36px;color: #ffffff;margin-top: 10px;}

/*indexNews*/
.indexNews{width: 100%; padding: 80px 0; background: url("../images/news-bg.jpg") center center no-repeat fixed;}
.newsBox{width: 100%;margin-top: 60px;}
.newsBox .newsOne{float: left;}
.newsBox .newsOne .img{width: 580px;height: 230px;overflow: hidden;}
.newsBox .newsOne .img img{width: 100%;transition: all 0.6s ease;}
.newsBox .newsOne .img:hover img{transform: scale(1.1);}
.newsBox .newsOne ul{margin-top: 20px;}
.newsBox .newsOne ul li{width: 580px;background-color: #ffffff;padding: 12px 0;margin-top: 10px;transition: all 0.6s ease; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.newsBox .newsOne ul li .date{font-size: 14px;color: #999999;position: relative;width: 120px;text-align: center;line-height: 46px;float: left;}
.newsBox .newsOne ul li .date::after{content: '';width: 1px;height: 46px;background-color: rgba(0,0,0,0.1);position: absolute;top: 0;right: 0;}
.newsBox .newsOne ul li .tit{font-size: 16px;color: #333333;line-height: 46px;width: 460px;transition: all 0.6s ease;position: relative;padding: 0 60px 0 30px;box-sizing: border-box;float: left;}
.newsBox .newsOne ul li .tit::after{content: '';position: absolute;top: 8px;right: 30px;width: 30px;height: 30px;background:#d8d8d8 url("../images/icon-arrow.png") center center no-repeat;border-radius: 50%;transition: all 0.6s ease;}
.newsBox .newsOne ul li:hover{background-color: #1d467a;}
.newsBox .newsOne ul li:hover p{color: #fff;}
.newsBox .newsOne ul li:hover .tit::after{background:#fff url("../images/icon-arrow1.png") center center no-repeat;}
.newsBox .newsOne ul li:hover .date::after{ background-color: rgba(255,255,255,0.4);}

.newsBox .newsList{float: right;width: 580px;background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.05);}
.newsBox .newsList li{width:100%;border-bottom: 1px solid #eee;padding: 23px 26px 23px 18px;box-sizing: border-box;transition: all 0.6s ease;}
.newsBox .newsList li:last-child{border-bottom: none;}
.newsBox .newsList li .name{font-size: 16px;color: #373737; width: 100%; box-sizing: border-box; transition: all 0.6s ease; line-height: 30px; position:relative; padding-right: 100px; }
.newsBox .newsList li .name span{font-size: 14px;color: #999999; position: absolute; right: 0; top: 0; transition: all 0.6s ease;}
.newsBox .newsList li .cont{font-size: 14px;line-height: 24px;color: #999999;margin-top: 8px;transition: all 0.6s ease;}
.newsBox .newsList li:hover{background-color: #1d467a;}
.newsBox .newsList li:hover .name{color: #fff;}
.newsBox .newsList li:hover .name span{color: #fff;}
.newsBox .newsList li:hover .cont{color: #fff;}

/*footer*/
.footer{width: 100%;background-color: #212121;padding: 56px 0 30px;}
.footer .footerLogo a{display: block;width: 308px;height: 70px;background: url("../images/footer-logo.png") center center no-repeat;}
.footer .call{width: 250px; height: 38px; padding: 7px 0 7px 58px;background-color: #1d467a;position: relative;margin-top: 20px; color: #ffffff;  line-height: 38px;}
.footer .call::after{content: '';width: 36px;height: 36px;border: solid 1px rgba(255,255,255,0.12);border-radius: 50%;background: url("../images/icon-phone2.png") center center no-repeat;position: absolute;top: 7px;left: 12px; }
.footer .call b{ float: left; display: inline-block; font-size: 24px; }
.footer .call span{ float: left; display: inline-block; margin-left: 10px; font-size: 14px; }
.footer dl{float: left;margin-left: 60px;}
.footer dl dt{margin-bottom: 20px;}
.footer dl dd{margin-bottom: 10px;}
.footer dl dt a{font-size: 16px;color: #999;}
.footer dl dd a{font-size: 14px;color: #999;}
.footer dl dt:hover a{color: #fff;}
.footer dl dd:hover a{color: #fff;}
.copyRight{width: 100%;background-color: #000;padding: 10px 0;}
.copyRight .copy{font-size: 14px;color: #767676;float: left;line-height: 52px;}
.copyRight .copy a{color: #767676;}
.copyRight .copy a:hover{color: #fff;}
.copyRight .fs{float: right;}
.copyRight .fs a{display: block;float: left;width: 46px;height: 46px;border: solid 2px rgba(255,255,255,0.15);border-radius: 50%; margin-left: 16px;transition: all 0.6s ease; background: url("../images/icon-footer.png")  no-repeat; background-size:138px 46px ;}
.copyRight .fs a:hover{border-color:rgba(255,255,255,0.8);  background: url("../images/icon-footer1.png") no-repeat; background-size:138px 46px ;}
.copyRight .fs a.qq{background-position: 0 0 ;}
.copyRight .fs a.weChat{background-position: -46px 0 ;}
.copyRight .fs a.weibo{background-position: -92px 0 ;}


/*weixintanchuang*/
.tanchuang{width: 100%;height: 100vh;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 999;display: none;}
.weixin{width: 360px;height: 400px;border-radius: 10px;background: #FFFFFF;position: fixed;top: 50%;left: 50%;display: none;margin:-200px 0 0 -180px;z-index: 1000;}
.weixin .wx{width: 200px;height: 200px;overflow: hidden;margin: 50px auto 10px;border: 1px solid #eee;padding: 8px;}
.weixin .wx img{width: 100%;}
.weixin p{color: #333;font-size: 14px;text-align: center;width: 360px;}
.weixin .close{width: 110px;height: 36px;background: #1d467a;color: #fff;border-radius: 5px;font-size: 14px;margin: 20px auto 0;line-height: 36px;text-align: center;cursor: pointer;}

/* pageContent */
.pageContent{ width: 100%; font-size: 14px; color: #333; line-height: 32px; padding: 80px 0;}
.pageContent img{ max-width: 100%;}

/* pageProduce */
.pageProduce{ width: 100%;padding: 50px 0 80px 0;}
.ProduceTop{ width: 100%; text-align: center; display: table; word-spacing: 0; padding: 30px 0;}
.ProduceTop .step,.ProduceTop .title{ display: inline-block; vertical-align: top; margin: 0 5px; position: relative;}
.ProduceTop .step{ font-size: 90px; padding: 0 10px; font-weight: bold; z-index: 1; position: relative; color: #ddd;}
.ProduceTop .step span{ font-size: 14px; text-transform: uppercase; font-weight: normal; position: absolute; top: 50%; width: 100%; left: 0; transform: translateY(-50%); padding:  0; line-height: 20px; background-color: #fff; z-index: 2;}
.ProduceTop .title h3{ font-size: 40px; font-weight: bold; color: #1d467a; margin: 10px 0 5px 0;}
.ProduceTop .title p{font-size: 14px; color: #ddd; text-transform: uppercase; letter-spacing: 1px;}
.ProduceTop .title p.z{ font-size: 16px; color: #999;}
.pageProduce .img{ width: 100%; text-align: center;}
.pageProduce .img img{ max-width: 100%;}
.pageProduce .cont{ width: 100%; position: relative; height: 570px; padding-top: 96px; position: relative; text-align: center;}
.pageProduce .con{ font-size: 18px; color: rgba(255,255,255,0.6); line-height: 36px; margin-top: 30px;}
.pageProduce .con p{ display: inline-block; width: 100%; margin: 20px 0;}
.pageProduce .bott{ width: 100%; font-size: 16px; position: absolute; left: 0; bottom: 0; line-height: 50px; color: rgba(255,255,255,0.2); border-top: solid 1px rgba(255,255,255,0.1);}


/*pageAbout*/
.pageAbout{width: 100%;margin-top: 100px;background: url("../images/about-banner.jpg") center center no-repeat fixed;padding: 100px 0 140px;}
.pageAbout h1{text-align: center;font-size: 36px;font-weight: bold;color: #ffffff;padding:0 0 50px;}
.pageAbout p{text-align: center;font-size: 16px;font-weight: bold;color: #ffffff;line-height: 36px;}
.pageAbout .infor{margin-top: 50px;}
.pageAbout .infor dl{float: left;width: 300px;text-align: center;position: relative;}
.pageAbout .infor dl dt b{font-size: 48px;color: #fff;}
.pageAbout .infor dl dt span{font-size: 14px;color: #fff;font-weight: normal;}
.pageAbout .infor dl dd{font-size: 14px;color: #fff;}
.pageAbout .infor dl:nth-child(-n+3)::after{content: '';width: 1px;height: 32px;background-color:#ccc;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}

.pageIntroduce{width: 100%;height: 570px;background: url("../images/about-bg3.jpg") center center no-repeat;padding-top: 80px;box-sizing: border-box;}
.pageIntroduce .J-img{float: left;width: 460px;height: 408px;overflow: hidden;}
.pageIntroduce .J-img img{width: 460px;height: 408px;}
.pageIntroduce .J-txt{float: right;width: 660px;}
.pageIntroduce .J-txt h3{font-size: 30px;color: #333333;margin: 28px 0 18px;}
.pageIntroduce .J-txt div{	font-size: 18px;font-weight: bold;color: #1d467a;position: relative;line-height: 20px;margin-left: 24px;}
.pageIntroduce .J-txt div::after{content: '';width: 13px;height: 18px;background: url("../images/dingwei1.png") center center no-repeat;position: absolute;top: 0;left: -24px;bottom: 0;margin: auto;}
.pageIntroduce .J-txt p{font-size: 16px;line-height: 36px;color: #999999;margin-top: 40px;}

.pageCulture{width: 100%;background-color: #1d467a;padding: 40px 0 70px;}
.pageCulture .culture{float: left;width: 540px;}
.pageCulture .culture div{font-size: 20px;color: #fff;margin-top: 20px;font-weight: bold;}
.pageCulture .culture p{font-size: 16px;color: #fff;line-height: 30px;margin-top: 10px;font-weight: bold;}
.pageCulture .C-img{float: right;width: 510px;height: 490px;overflow: hidden;}
.pageCulture .C-img img{width: 510px;height: 490px;}

.pageRange{width: 100%;background-color: #212121;padding-top: 80px;}
.pageRange .M-top{width: 100%;}
.pageRange .M-top .M-txt{width: 450px;float: left;}
.pageRange .M-top .M-txt h5{color: #fff;font-size: 30px;margin-bottom: 40px;}
.pageRange .M-top .M-txt p{font-size: 16px;line-height: 30px;color: #ffffff;margin-bottom: 40px; }
.pageRange .M-top .M-txt h1{ text-transform: uppercase; font-size: 80px;text-tran:uppercase;line-height: 80px;color: #ffffff;opacity: 0.17;}
.pageRange .M-top .M-img{float: right; width: 700px;}
.pageRange .M-top .M-img dl{ position: relative; border: solid 4px #fff;}
.pageRange .M-top .M-img dl dt{ position: relative; z-index: 1; overflow: hidden;}
.pageRange .M-top .M-img dl:nth-child(1) dt{ width: 284px;height: 452px;}
.pageRange .M-top .M-img dl:nth-child(2) dt{ width: 386px; height: 227px; }
.pageRange .M-top .M-img dl:nth-child(3) dt{ width: 386px; height: 202px;}
.pageRange .M-top .M-img dl:nth-child(3){ margin-top: 15px;}
.pageRange .M-top .M-img dl dt img{ width: 100%; transition: all 0.6s ease;}
.pageRange .M-top .M-img dl dd{ position: absolute; left: 0; bottom: 0; width: 100%; padding:30px 20px 20px 20px; background: linear-gradient(360deg,#1d467a 0 ,rgba(29,70,122,0)); z-index: 2; box-sizing: border-box;}
.pageRange .M-top .M-img dl dd p{ font-size: 18px;color: #fff;}
.pageRange .M-top .M-img dl dd span{font-size: 14px;color: #ffffff; text-transform: capitalize; margin-top: 4px; display: inline-block;}
.pageRange .M-top .M-img dl:hover img{ transform: scale(1.1);}
.pageRange .M-bottom{width: 100%;background-color: #fff;margin-top: 70px;padding: 40px 12px 0;box-sizing: border-box;}
.pageRange .M-bottom .img4{float: left;position: relative;margin-left: 24px;}
.pageRange .M-bottom .img4 .pic{width: 264px;height: 216px;overflow: hidden;}
.pageRange .M-bottom .img4 .pic img{width: 100%;transition: all 0.6s ease;}
.pageRange .M-bottom .img4:hover .pic img{transform: scale(1.1); }
.pageRange .M-bottom .img4 .txt{position: absolute;bottom: 0;left: 0; padding: 30px 20px 20px 20px; width: 100%; box-sizing: border-box;  background: linear-gradient(360deg,#1d467a 0 ,rgba(29,70,122,0));}
.pageRange .M-bottom .img4 .txt div{font-size: 18px;color: #ffffff;}
.pageRange .M-bottom .img4 .txt p{font-size: 14px;color: #ffffff; text-transform: capitalize; margin-top: 4px;}

.pageProcedure{padding: 80px 0; background-color: #f2f4f7;}
.pageProcedure h4{font-size: 30px;color: #1d467a;text-align: center;margin-bottom: 60px;}
.pageProcedure  img{width: 100%;}

.pageHonor{width: 100%;background-color: #fff;padding-top: 60px;box-sizing: border-box;}
.pageHonor h3{	font-size: 30px;color: #1d467a;text-align: center;}
.pageHonor .tit{font-size: 16px;line-height: 30px;color: #333;width: 470px;margin: 20px auto 0;text-align: center;}
.pageHonor ul{width: 1226px; margin:35px -13px 0;padding-bottom: 30px; text-align: left; display: table; word-spacing: 0;}
.pageHonor ul li{ display: inline-block; vertical-align: top; width: 280px;margin: 15px 13px ;}
.pageHonor ul li img{width: 260px;background-color: #f5f5f5;padding: 10px ;}
.pageHonor ul li h6{font-size: 14px;color: #333; font-weight: normal; text-align: center;margin: 10px 0 4px;}
.pageHonor ul li p{font-size: 14px;color: #666;text-align: center;}

.pageAnfeng{padding: 80px 0; width: 100%; background-color: #f2f4f7;}
.pageAnfeng h3{	font-size: 30px;color: #1d467a;margin-bottom: 50px;text-align: center;}
.pageAnfeng .img{position: relative;margin-bottom: 8px;overflow: hidden;}
.pageAnfeng .img p{width: 320px;padding: 10px 0;background-color: #1d467a;text-align: center;font-size: 14px;color: #ffffff;position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.pageAnfeng .img1 p{width: 540px;}
.pageAnfeng .F-img{margin: 0 10px;}
.pageAnfeng .pic{width: 320px;height: 440px;overflow: hidden;}
.pageAnfeng .pic1{width: 320px;height: 216px;overflow: hidden;}
.pageAnfeng .pic2{width: 540px;height: 440px;overflow: hidden;}
.pageAnfeng .img div img{width: 100%;transition: all 0.6s ease;}
.pageAnfeng .img:hover div img{transform: scale(1.1);}
.pageAnfeng .img:hover p{padding: 20px 0; background-color: rgba(29,70,122,0.6);}

.pageEnquiry{width: 100%;height: 314px;position: relative;background: #1d467a url("../images/about-pic15.jpg") right center no-repeat;background-size: 50% 100%;}
.pageEnquiry .I-txt{width: 50%;padding-top: 40px;}
.pageEnquiry .I-txt .img{width: 39px;height: 35px;margin-bottom: 20px;background: url("../images/icon-af.png") center center no-repeat;}
.pageEnquiry .I-txt p{font-size: 16px;font-weight: bold;line-height: 36px;color: #ffffff;}
.pageEnquiry .I-txt a{display: block;width: 180px;height: 44px;background-color: #ffffff;text-align: center;line-height: 44px;font-size: 16px;font-weight: bold;color: #1d467a;margin-top: 30px;border: 1px solid #fff;transition: all 0.6s ease;}
.pageEnquiry .I-txt a:hover{background-color: #1d467a;color: #fff;}


/*pageCase*/
.pageBanner{width: 100%;height: 320px;margin-top: 100px;}
.pageBanner h1{font-size: 48px;color: #ffffff;text-align: center;font-weight: normal;padding-top: 130px;box-sizing: border-box;	font-family: SourceHanSansSC-Regular;}
.pageCaseNav{}
.pageCaseNav ul{width: 100%;padding: 0 0; text-align: center; display: table; word-spacing: -1em;}
.pageCaseNav ul li{ display: inline-block; margin: 15px 25px; vertical-align: top; }
.pageCaseNav ul li a{display: table;_display: block;margin: auto;}
.pageCaseNav ul li i{float: left;width: 50px;height: 50px;border: 1px solid #eeeeee;border-radius: 50%;transition: all 0.6s ease; background-size: 50px 150px !important; }
.pageCaseNav ul li p{float: left;line-height: 50px;margin-left: 20px;font-size: 16px;font-weight: bold;color: #999;transition: all 0.6s ease;}
.pageCaseNav ul li:hover i,.pageCaseNav ul li.on i{ background-position: 0 -50px !important;border-color: #1d467a; }

.pageCaseNav ul li:hover p,.pageCaseNav ul li.on p{color: #1d467a;}
.pageCase{width: 100%;background-color: #f2f4f7;padding: 60px 0 60px;}
.pageCase .caseList{width: 1224px; margin:0 -12px; text-align: left; display: table; word-spacing: -1em;}
.pageCase .caseList li{ display: inline-block; vertical-align: top; width: 282px;margin: 0 12px 30px;transition: all 0.6s ease;}
.pageCase .caseList li .casePic{width: 282px;height: 205px;overflow: hidden;}
.pageCase .caseList li .casePic img{width: 282px;height: 205px;transition: all 0.6s ease;}
.pageCase .caseList li .caseTxt{padding: 20px 10px 10px;transition: all 0.6s ease;}
.pageCase .caseList li .caseTxt .tit{font-size: 18px;color: #333333;transition: all 0.6s ease;}
.pageCase .caseList li .caseTxt .cont{font-size: 14px;color: #999999;line-height: 18px;margin-top: 8px;}
.pageCase .caseList li:hover .casePic img{transform: scale(1.1);}
.pageCase .caseList li:hover{box-shadow: 0 0 18px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 18px rgba(0,0,0,0.2);}
.pageCase .caseList li:hover .caseTxt{background-color: #fff;}
.pageCase .caseList li:hover .caseTxt .tit{color: #1d467a;}


/*pageCaseD*/
.pageCaseD{padding: 80px 0;}
.caseDetail{ float: left; width: 500px;}
.caseDetail .bigImg li{ width: 500px;height: 360px;overflow: hidden; }
.caseDetail .bigImg li img{  width: 500px;height: 360px; }
.caseDetail .bigImg li video{ width: 500px; height: 360px; background-color: #1d467a;}
.caseDetail .smallScroll{width:100%; margin-top:10px;position: relative; overflow: hidden;}
.caseDetail .smallScroll .smallImg{ width: 100%; overflow: hidden;}
.caseDetail .smallScroll .smallImg ul li{float:left; width: 120px;height: 86px;overflow:hidden;margin-right:7px;background-color: #000;}
.caseDetail .smallScroll .smallImg ul li img,.caseDetail .smallScroll .smallImg ul li video{ width: 120px;height: 86px; cursor:pointer;   }
.caseDetail .smallScroll .smallImg ul li.on img,.caseDetail .smallScroll .smallImg ul li.on video{opacity: 0.5;}
.caseDetail .smallScroll .sPrev{width: 20px;height: 86px;background: rgba(0,0,0,0.2) url("../images/icon-arrow.png") center center no-repeat;position: absolute;left: 0;top: 0;z-index:9;transform: rotate(180deg);}
.caseDetail .smallScroll .sNext{width: 20px;height: 86px;background: rgba(0,0,0,0.2) url("../images/icon-arrow.png") center center no-repeat;position: absolute;right: 0;top: 0;z-index:9;}
.caseDetail .smallScroll .sNext,.caseDetail .smallScroll .sPrev{opacity: 0.4;transition: all 0.6s ease;}
.caseDetail .smallScroll .sNext:hover,.caseDetail .smallScroll .sPrev:hover{ background-color: rgba(29,70,122,0.8);}
.caseDetail .smallScroll:hover .sNext,.caseDetail .smallScroll:hover .sPrev{opacity: 1;}
.pageCaseD .detailTxt{float: right;width: 610px;}
.pageCaseD .detailTxt .tit{font-size: 30px;color: #333333;margin: 6px 0 10px;}
.pageCaseD .detailTxt .txt{font-size: 16px;line-height: 30px;color: #999999;}
.pageCaseD .detailTxt .cont{margin-top: 30px;}
.pageCaseD .detailTxt .cont .infor{font-size: 16px;font-weight: bold;color: #1d467a;margin-bottom: 16px;}
.pageCaseD .detailTxt .cont .con{font-size: 14px;color: #999999; line-height: 26px;}
.pageCaseD .detailTxt .cont .con img{ max-width: 100%; display: none;}
.pageCaseD .detailTxt a{display: block;	width: 150px;height: 48px;background-color: #1d467a;text-align: center;line-height: 48px;color: #fff;font-size: 16px;margin-top: 40px;border: 1px solid #1d467a;transition: all 0.6s ease;}
.pageCaseD .detailTxt a:hover{background-color: #333; border-color: #333;}
.pageCaseD .title{width: 100%;background-color: #f2f4f7;padding: 20px 0 20px 30px;box-sizing: border-box;font-size: 16px;font-weight: bold;color: #1d467a;margin: 60px 0 40px;}
.pageCaseD .content{width: 100%;}
.pageCaseD .content img{max-width: 100%;}
.pageCaseD .content p{color: #666;font-size: 14px;line-height: 24px;}


/*pageContact*/
.pageContact{padding:80px 0 ; margin: auto; position: relative;}
.pageContact .cont{float: left; font-size: 16px; color: #333; line-height: 32px;}
.pageContact .wx{ width: 200px; text-align: center;}
.pageContact .wx img{ width: 100%; border: solid 1px #eee; box-sizing: border-box;}
.pageContact .wx p{ font-size: 14px; color: #666; margin-top: 10px;}


.contactForm{width: 100%;background-color: #f7f7f7;padding: 80px 0;}
.contactForm h6{font-size: 24px;color: #1d467a;margin-bottom:60px;}
.contactForm .row{width: 582px;height: 50px;line-height: 50px;border: 1px solid #ddd;padding: 0 1%;box-sizing: border-box;margin-bottom: 30px;}
.contactForm .row:nth-of-type(2n-1){margin-right: 36px;}
.contactForm label{display: block;position: relative;}
.contactForm label span{font-size: 16px;color: #666;position: absolute; top: 0; left: 0;}
.contactForm .txt.w1{border: 0;font-size: 16px;color: #333;width: 100%;line-height: 18px;padding:14px 0;background-color: rgba(0,0,0,0);}
.contactForm .row1{width: 100%;border: 1px solid #ddd;padding: 10px 1%;box-sizing: border-box;margin-bottom: 30px;}
.contactForm .txt.w2{height: 100px;resize: none; width: 100%;font-size: 16px;color: #333;line-height: 18px;border: none;background-color: rgba(0,0,0,0);}
.contactForm .btn{width: 150px;height: 48px; line-height: 48px; cursor: pointer;background-color: #1d467a;transition: all 0.4s ease;border: 1px solid #1d467a;color: #fff;font-size: 16px;display: table;margin: 0 auto;}
.contactForm .btn:hover{background-color: #333;color: #fff; border-color: #333;}
.map{width: 100%;height: 500px; margin-bottom: 80px; position: relative; z-index: 1;}
.map #map{width: 100%;height: 500px;}


/*pageNews*/
.pageNav{width: 100%;border-bottom: 1px solid #eee;}
.pageNav ul{display: table;margin: auto;}
.pageNav ul li{display: inline-block;position: relative;padding: 20px 0;width: 80px;margin: 0 60px;}
.pageNav ul li a{display: block;color: #999;font-size: 18px;text-align: center;}
.pageNav ul li:hover a,.pageNav ul li.on a{color: #1d467a;}

.pageNews{margin-bottom: 70px;}
.pageNews ul{width: 100%;margin-top: 30px;}
.pageNews ul li{border-bottom: 1px solid #eee;padding: 30px 0 30px 160px; position: relative;}
.pageNews ul li .time{width: 110px ;color: #999;font-size: 16px; position: absolute; left: 0; top: 30px;}
.pageNews ul li .time p{font-size: 24px;margin: 10px 0 4px;position: relative;}
.pageNews ul li .time::after{content: '';width: 30px;height: 1px;background: #ccc;position: absolute;top: 22px;right:0;}
.pageNews ul li .cont{float: left;width: 520px;}
.pageNews ul li .cont h3{color: #333;font-size: 24px;margin: 10px 0 16px; font-weight: normal;}
.pageNews ul li .cont p{color: #666;font-size: 14px;line-height: 28px;}
.pageNews ul li .img{float: right;width: 480px;height: 190px;overflow: hidden;}
.pageNews ul li .img img{width: 100%;transition: all 0.6s ease;}
.pageNews ul li:hover .img img{transform: scale(1.1);}
.pageNews ul li:hover .cont h3{ color: #1d467a;}
.pageNews ul li:hover .time { color: #333;}



/*pageNewsD*/
.pageNewsD{ width: 100%; padding: 80px 0;}
.pageNewsD  h2{color: #333;font-weight: normal;font-size: 30px;text-align: center;margin-bottom: 6px;}
.pageNewsD .time{font-size: 14px;color: #999;padding: 10px 0;border-bottom: dashed 1px #ddd;text-align: center;}
.pageNewsD .time span{margin: 0 10px;}
.pageNewsD .abstract{margin: 20px 0;padding: 20px;background-color: #f8f8f8;font-size: 14px;color: #999;line-height: 24px;}
.pageNewsD .abstract span{font-weight: bold;}
.pageNewsD .text{width: 100%;margin: 30px auto 60px;font-size: 14px;color: #333;line-height: 34px;}
.pageNewsD .text img{max-width: 100%;}
.pageNewsD .link{width: 100%;padding: 30px 0;border-top: dashed 1px #ddd;border-bottom: dashed 1px #ddd;}
.pageNewsD .link p {max-width: 46%;}
.pageNewsD .link p a{font-size: 14px;color: #999;}
.pageNewsD .link p a:hover{color: #1d467a;text-decoration: underline;}


/*pageInquiry*/
.pageInquiry {  position: relative; opacity: 1;  position: relative; margin: -60px 0 0 0; padding-bottom: 80px; }
.pageInquiry form{ width: 1080px; padding: 48px 60px 80px 60px; background-color: #fff;  position: relative;  z-index: 2;}
.pageInquiry .inquiryD{width: 490px; padding-right: 590px;  background:#fff url(../images/inquiry-pic.png) center right no-repeat;}
.pageInquiry .inquiryD h6{font-size: 18px;color: #1d467a;margin-bottom: 40px;}
.pageInquiry .inquiryD div{margin-bottom: 30px;}
.pageInquiry .inquiryD div p{font-size: 16px;font-weight: bold;color: #333333;margin-bottom: 10px;}
.pageInquiry .inquiryD div select{width: 490px;	height: 40px;border: solid 1px #ddd;padding: 0 30px 0 20px;box-sizing: border-box;	font-size: 14px;color: #666;cursor: pointer;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url("../images/inquiry-arrow.png") 460px center no-repeat;}
.inquiryL{margin: 30px 0 0 0;}
.inquiryL h6{font-size: 18px;color: #1d467a;margin-bottom: 40px;}
.inquiryL div img{width: 100%;}
.inquiryF{width: 100%;border-top: 1px solid #eee;margin-top: 60px;padding: 40px 0 0 0;box-sizing: border-box;}
.inquiryF h6{font-size: 18px;color: #1d467a;margin-bottom: 40px;}
.inquiryF .message{float: left;margin:0 0 30px 30px;}
.inquiryF .message:first-child{ margin: 0 0 30px 0;}
.inquiryF .message p{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 6px;}
.inquiryF .message input{width: 340px;height: 40px;border: 1px solid #ddd;padding: 0 14px;box-sizing: border-box;color: #666;font-size: 14px;cursor: pointer;}
.inquiryF .message1 input{width: 710px;}
.inquiryF .address{width: 1098px;background-color: #f2f4f7;border-left: 2px solid #1d467a;box-sizing: border-box;padding: 20px 0 20px 20px;}
.inquiryF .address h5{	font-size: 16px;color: #1d467a;margin-bottom: 20px;}
.inquiryF .address div p{float: left;color: #666;font-size: 16px;font-weight: bold;position: relative;margin: 0 30px 14px 36px;}
.inquiryF .address div p::after{content: '';width: 24px;height: 24px;border: 1px solid #ccc;border-radius: 50%;position: absolute;left: -36px;top: 0;bottom: 0;margin: auto;}
.inquiryF .address div p:nth-of-type(1)::after{background: url("../images/inquiry-icon.png") 0 0 no-repeat;}
.inquiryF .address div p:nth-of-type(2)::after{background: url("../images/inquiry-icon.png") -24px 0 no-repeat;}
.inquiryF .address div p:nth-of-type(3)::after{background: url("../images/inquiry-icon.png") -48px 0 no-repeat;}
.inquiryF .address div p span{font-weight: normal;}
.inquiryF .button{width: 178px;height: 50px;margin: 60px auto 0;}
.inquiryF .btn{width: 178px;height: 50px;background-color: #1d467a;border: 1px solid #1d467a;color: #fff;font-size: 16px;cursor: pointer;transition: all 0.6s ease;}
.inquiryF .btn:hover{background-color: #333;color: #fff; border-color: #1d467a;}



/* pageJob */
.pageJob{ width: 100%; padding: 70px 0 0 0 ;}
.pageJob .top{ width: 100%; text-align: center;}
.pageJob .top p{ font-size: 30px; color: #333; margin-bottom: 10px;}
.pageJob .top span{ font-size: 16px; color: #999; }
.pageJob .cont{ width: 100%; position: relative; margin-top: 30px;}
.pageJob .cont img{ width: 100%; position: relative; z-index: 1;}
.pageJob .cont p{ width: 100%; position: absolute; font-size: 18px; color: #fff; line-height: 34px; text-align: center; top: 50%; left: 0; z-index: 2; transform: translateY(-50%);}


/* JobList */
.JobList{ width:100%;  padding:0 0 60px 0;  margin:0 auto; position:relative;}
.JobList .item{ line-height: 30px; width: 1160px; background-color: #e5e5e5; padding: 15px 20px; border-bottom: solid 1px #eee; }
.JobList .item p{ float: left; font-size: 16px; text-align: center;  padding: 0 10px;}
.JobList .item p.p1{ width: 220px; padding: 0 20px 0 0; text-align: left;}
.JobList .item p.p2,.JobList .item p.p3,.JobList .item p.p4,.JobList .item p.p5{ width: 140px; }
.JobList .item p.p6{ width: 220px;}
.JobList ul{ width: 100%;margin:0 auto;}
.JobList li.q{cursor: pointer; border-bottom: solid 1px #eee; line-height:24px;  width: 1160px; padding: 18px 20px; position: relative;  position: relative;}
.JobList li.q p{ float:left; color:#666; font-size: 14px; text-align: center;  padding: 0 10px;}
.JobList li.q p.p1{ width: 220px; padding: 0 20px 0 0; font-size: 14px; color: #333; text-align: left;}
.JobList li.q p.p2,.JobList li.q p.p3,.JobList li.q p.p4,.JobList li.q p.p5{ width: 140px;}
.JobList li.q p.p6{width: 220px;}
.JobList li.q p.icon{ display: block; width: 16px; height: 9px; position: absolute; right: 40px; top: 50%; margin-top: -5px; background: url(../images/jobIcon01.png) center  no-repeat;}
.JobList li.q p.icon.on{  background: url(../images/jobIcon02.png) center  no-repeat;}
.JobList li.a{line-height:32px; width: 1160px;display: none; border-bottom: solid 1px #eee;  padding:20px 20px; font-size:14px; color:#333; }
.JobList li:nth-child(2){ display: list-item;}
.JobList li.a img{ max-width: 100%;}
.JobList li.a a.qq{ margin-top: 10px; display: block; width: 100px; line-height: 40px; text-align: right; padding: 0 30px; background: #1d467a url(../images/jobIcon.png) left 30px center no-repeat; font-size: 14px; color: #fff; transition: all 0.8s ease;}
.JobList li.a a.qq:hover{ background-color: #333;}
.JobList li.q:hover p,.JobList li.q p.on{ color: #1d467a;}
.JobList li.q:hover{ background-color: #f6f6f6;}
.JobList li.q:hover p.icon{ background: url(../images/jobIcon02.png) center  no-repeat;}


/* pageResult */
.pageResult{ width: 100%; padding: 200px 0 100px 0;}
.pageResult .name{ width: 100%;  text-align: center; display: table; word-spacing:-1em; }
.pageResult .name i,.pageResult .name span{ display: inline-block; margin: 0 20px; vertical-align: top;}
.pageResult .name i{ width: 52px; height: 52px; background: url(../images/ResultIcon.png) center center no-repeat;}
.pageResult .name span{ margin: 0; font-size: 34px;  color: #333;}
.pageResult .img{ width: 260px; height: 215px; margin:40px auto; background: url(../images/ResultImg.png) center center no-repeat;}
.pageResult .slogan{ width: 100%; text-align: center; font-size: 28px; color: #333; line-height: 46px;}
.pageResult .more{ width: 100%; text-align: center; margin: 40px  auto; display: table; word-spacing:-1em; }
.pageResult .more a{display: inline-block; margin: 0 20px; line-height: 50px; width: 260px; border-radius: 5px; overflow: hidden; font-size: 16px; color: #fff;}
.pageResult .more a:nth-child(1){ background-color: #1d467a;}
.pageResult .more a:nth-child(2){ background-color: #333;}
.pageResult .more a:hover{ background-color: #1d467a;}


/* fenye */
.pages{ margin:40px 0 0;font-size:14px; text-align: center;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#1d467a;  border:1px solid #1d467a; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:32px; line-height:32px; background:#1d467a; color:#fff; text-align:center; padding:0 14px; margin:0 2px;}